<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="style/bootstrap-3.3.5-dist/css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="style/topNav.css"/>
	<link rel="stylesheet" type="text/css" href="style/foot.css"/>
	<link rel="stylesheet" type="text/css" href="./style/index.css"/>
	<script src="js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	
	
<!---------------顶部logo区域开始--------------->
<div id="topLogo">
</div>
<!---------------顶部logo结束------------------->
<a href="#memBox" id="toTop"><span class="glyphicon glyphicon-menu-up"></span></a>

<!---------------顶部会员消息区域开始------------>
<div id="memBox">
	<div id="mem">
		<div class="left">
			<p>YOHO!有货</p>
		</div>
		<div class="right">
			<ul>
				<p>
					<span>Hi~</span>
					<a href="">[请登录]</a>
					<a href="">[免费注册] </a>|
				</p>
				<li><a href="">MY有货</a>|</li>
				<li><a href="">我的订单</a>|</li>
				<li><a href="">我的收藏</a>|</li>
				<li><a href="">消息</a>|</li>
				<li class="mob">
					<a href="">手机版</a>
					<div class="code">
						<div class="codeImg"></div>
						<h3 class="codeWords">扫描二维码</h3>
						<h3 class="codeWords">下载有货手机客户端</h3>
						<a href="">更多客户端下载</a>
					</div>
				</li>
			</ul>
		</div>
	</div>
</div>
<!---------------顶部会员消息区域结束------------>


<!---------------顶部导航搜索区域开始 ----------->

<div id="navSearchBox">
	<!--导航、二级菜单开始-->
	<div class="navSearch">
		<ul class="navCate">
			<li class="checked">
				<p><a class="titleC" href="">男生</a></p>
				<p><a class="titleE" href="">BOYS</a></p>
			</li>
			<li>
				<p><a class="titleC" href="">女生</a></p>
				<p><a class="titleE" href="">GIRLS</a></p>
			</li>
			<li>
				<p><a class="titleC" href="">创意生活</a></p>
				<p><a class="titleE" href="">LIFE STYLE</a></p>
			</li>
		</ul>
	</div>	
	<div class="navBg">
		<div class="nav show">
			<ul class="navCate">
				<li><a class="Cate" href="">新品到着</a></li>
				<li><a class="Cate" href="">品牌一览</a></li>
				<li>
					<a class="Cate" href="">服饰</a>
					<!--这块循环数据时参考test_cate-->
					<div class="cateBox">
						<div class="cateAll">
							<div class="sonCate ">
								<p class="cateTitle"><a href="">上装</a></p>
								<p><a class="hot" href="">衬衫</a></p>
								<p><a href="">TEE</a></p>
								<p><a href="">卫衣</a></p>
								<p><a href="">夹克</a></p>
								<p class="cateTitle"><a href="">下装</a></p>
								<p><a class="hot" href="">休闲裤</a></p>
								<p><a href="">牛仔裤</a></p>
								<p><a href="">运动裤</a></p>
							</div>
							<div class="sonCate noF">
								<p><a href="">短裤</a></p>
								<p class="cateTitle"><a href="">经典款型</a></p>
								<p><a href="">牛仔衬衫</a></p>
								<p><a class="hot" href="">连帽套头卫衣</a></p>
								<p><a href="">暗黑系TEE</a></p>
								<p><a href="">哈伦裤</a></p>
								<p class="cateTitle"><a href="">热门品牌</a></p>
								<p><a href="">CLOTtee</a></p>
								<p><a href="">izzue</a></p>
							</div>
							<div class="sonCate noF">
								<p><a class="hot" href="">Dickies</a></p>
								<p><a href="">joyrich</a></p>
								<p><a href="">Lee</a></p>
								<p><a class="hot" href="">DEPOT3</a></p>
								<p><a href="">Passionarts</a></p>
								<p><a href="">BLACKJACK</a></p>
								<p><a href="">NPC</a></p>
								<p><a class="hot" href="">DOPE PLUS K</a></p>
								<p><a href="">HEART</a></p>
							</div>
							<div class="cateImg">
								<img src="images/cate.jpg" alt="" />
								<a href="">IN季新品全面开售</a>
							</div>
						</div>
					</div>
				</li>
				<li><a class="Cate" href="">鞋履</a></li>
			</ul>
		</div>
	</div>
	<!--导航、二级菜单结束-->
	
	<!--图片logo-->
	<a class="logo" href=""><img src="images/logo_e.png" alt="" /></a>
	<!--搜索区域-->
	<div class="search">
		<form action="" method="post">
			<input class="words" name="words" type="text" />
			<input type="submit" class="sub" value="" />
		</form>
		<!--购物车-->
		<div class="car">
			<a href="" class=""><img src="images/car.png"/></a>
			<a href="" class="carBg">0</a>
		</div>
		<div class="shopping">
			<a href="javascript:;" class="close"><span class=" glyphicon glyphicon-remove"></span></a>
			<!--<ul class="emptyCar">
				<img src="images/car/empty_car.png" alt="" />
				<h3>您的购物车暂无商品</h3>
			</ul>-->
			<!--购物车内的商品是li-->
			<ul>
				<li>
					<img src="images/car/0119cdb827c0a90c9a305632f4334a0247.jpg" alt="" />
					<a class="goodsName" href="">Life·After Life 民族风...</a>
					<span class="size">颜色：黑色  尺码：XL</span>
					<span class="price">￥619 * 1</span>
					<a href="" class="del">删除</a>
				</li>
				<a href="" class="toShopping">去购物车结算</a>
			</ul>
		</div>
	</div>
</div>
<!---------------顶部导航搜索区域结束 ----------->


<!---------------轮播区域开始 ----------->	
<div id="viwepagerBox">
	<div class="viweShow">
		<div class="viweAll">
			<!--轮播的大图片-->
			<img src="images/Viwepager/1.jpg" alt="" />
			<img src="images/Viwepager/2.jpg" alt="" />
			<img src="images/Viwepager/3.jpg" alt="" />
			<img src="images/Viwepager/4.jpg" alt="" />
			<img src="images/Viwepager/5.jpg" alt="" />
			<img src="images/Viwepager/6.jpg" alt="" />
			<img src="images/Viwepager/7.jpg" alt="" />
			<img src="images/Viwepager/8.jpg" alt="" />
			<img src="images/Viwepager/1.jpg" alt="" />
		</div>
	</div>
		<!--轮播的焦点图-->
	<ul class="viweCur">
		<li class="fst"><a href=""><img src="images/Viwepager/cur1.jpg" alt="" /><span class="zz"></span></a></li>
		<li><a href=""><img src="images/Viwepager/cur2.jpg" alt="" /><span class="zz"></span></a></li>
		<li><a href=""><img src="images/Viwepager/cur3.jpg" alt="" /><span class="zz"></span></a></li>
		<li><a href=""><img src="images/Viwepager/cur4.jpg" alt="" /><span class="zz"></span></a></li>
		<li><a href=""><img src="images/Viwepager/cur5.jpg" alt="" /><span class="zz"></span></a></li>
		<li><a href=""><img src="images/Viwepager/cur6.jpg" alt="" /><span class="zz"></span></a></li>
		<li><a href=""><img src="images/Viwepager/cur7.jpg" alt="" /><span class="zz"></span></a></li>
		<li><a href=""><img src="images/Viwepager/cur8.jpg" alt="" /><span class="zz"></span></a></li>
	</ul>
	<!--两侧按钮-->
	<div class="btnBox">
		<span class="lzz btn zz"></span>
		<span class="rzz btn zz"></span>
		<a class="lBtn btn " href="javascript:;"><span class="glyphicon glyphicon-menu-left"></span></a>
		<a class="rBtn btn" href="javascript:;"><span class="glyphicon glyphicon-menu-right"></span></a>
	</div>
</div>

<!---------------轮播区域结束 ----------->	
	
	
	
<!---------------优选楼层开始------------>	
<div id="bestGoods" class="floor">
	<div class="top">
		<h3>优选品牌</h3>
		<div class="topR">
			<a href="http://www.baidu.com">TEEBACCO</a>
			<a href="">VANS</a>
			<a href="">G-Star RAW</a>
			<a href="">人气品牌</a>
		</div>
	</div>
	<div class="goods">
		<a href=""><img src="images/best/1.jpg" alt="" /></a>
		<a href=""><img src="images/best/2.jpg" alt="" /></a>
		<a href=""><img src="images/best/3.jpg" alt="" /></a>
		<a href=""><img src="images/best/4.jpg" alt="" /></a>
		<a href=""><img src="images/best/5.jpg" alt="" /></a>
		<a href=""><img src="images/best/6.jpg" alt="" /></a>
		<a href=""><img src="images/best/7.jpg" alt="" /></a>
		<a href=""><img src="images/best/8.jpg" alt="" /></a>
		<a href=""><img src="images/best/9.jpg" alt="" /></a>
		<a href=""><img src="images/best/9.jpg" alt="" /></a>
		<a href=""><img src="images/best/11.jpg" alt="" /></a>
		<a href=""><img src="images/best/12.jpg" alt="" /></a>
		<a href=""><img src="images/best/13.jpg" alt="" /></a>
		<a href=""><img src="images/best/14.jpg" alt="" /></a>
		<a href=""><img src="images/best/15.jpg" alt="" /></a>
		<a href=""><img src="images/best/16.jpg" alt="" /></a>
		<a href=""><img src="images/best/17.jpg" alt="" /></a>
		<a href=""><img src="images/best/18.jpg" alt="" /></a>
		<a href=""><img src="images/best/19.jpg" alt="" /></a>
		<a href=""><img src="images/best/20.jpg" alt="" /></a>
	</div>
</div>	
	
<!---------------优选楼层结束------------>		
	

<!---------------人气单品楼层开始------------>	
<div id="hotGoods" class="floor goodsFF">
	<div class="top">
		<h3>人气单品</h3>
		<div class="topR">
			<a href="http://www.baidu.com">秋日精选</a>
			<a href="">裤类精选</a>
			<a href="">潮鞋必备</a>
		</div>
	</div>
	<!--左侧商品展示-->
	<div class="left">
		<a href=""><img src="images/hot/1.jpg"/></a>
		<a href=""><img src="images/hot/2.jpg"/></a>
		<a href=""><img src="images/hot/3.jpg"/></a>
		<a href=""><img src="images/hot/4.jpg"/></a>
		<a href=""><img src="images/hot/5.jpg"/></a>
		<a href=""><img src="images/hot/6.jpg"/></a>
		<a href=""><img src="images/hot/7.jpg"/></a>
		<a href=""><img src="images/hot/8.jpg"/></a>
	</div>
	
	<!--右侧宣传图-->
	<div class="right">
		<a class="hotTop" href=""><img src="images/hot/hot.jpg" alt="" /></a>
		<a href=""><img src="images/hot/b.gif" alt="" /></a>
		
	</div>
</div>
<!---------------人气单品楼层结束------------>	
	


<!---------------潮流上装楼层开始------------>	
<div id="wave" class="floor">
	<div class="top">
		<h3>潮流上装</h3>
		<div class="topR">
			<a href="">用新生活</a>
			<a href="">卫衣上新</a>
			<a href="">优选衬衫</a>
			<a href="">MORE></a>
		</div>
	</div>
	<div class="left">
		<img src="images/wave/l.jpg" alt="" />
		<!--列表数据-->
		<div class="list">
			<!--上部分数据，带热门的-->
			<div class="upper">
				<a href="">衬衫 <span class="hot"></span></a>
				<a href="">卫衣<span></span></a>
				<a href="">休闲裤<span></span></a>
				<a href="">休闲鞋<span class="hot"></span></a>
				<a href="">太阳镜/眼镜<span></span></a>
				<a href="">双肩包<span></span></a>
			</div>
			<ul>
				<li><a href="">Life·After Life</a></li>
				<li><a href="">izzue</a></li>
				<li><a href="">Dickies</a></li>
				<li><a href="">Evildoer</a></li>
				<li><a href="">CLOTtee</a></li>
				<li><a href="">THETHING</a></li>
				<li><a href="">MORE...</a></li>
			</ul>
		</div>
	</div>
	<div class="right">
		<a href=""><img src="images/wave/1.jpg" alt="" /></a>
		<a href=""><img src="images/wave/2.jpg" alt="" /></a>
		<a href=""><img src="images/wave/3.jpg" alt="" /></a>
		<a href=""><img src="images/wave/4.jpg" alt="" /></a>
		<a href=""><img src="images/wave/5.jpg" alt="" /></a>
		<a href=""><img src="images/wave/6.jpg" alt="" /></a>
		<a href=""><img src="images/wave/7.jpg" alt="" /></a>
		<a href=""><img src="images/wave/8.jpg" alt="" /></a>
	</div>
</div>
<!---------------潮流上装楼层结束------------>		
	
	

<!---------------经典裤装楼层开始------------>		
<div id="" class="floor goodsFF">
	<div class="top">
		<h3>经典裤装</h3>
		<div class="topR">
			<a href="">休闲裤</a>
			<a href="">牛仔裤</a>
			<a href="">运动裤</a>
			<a href="">MORE></a>
		</div>
	</div>
	<div class="left">
		<img src="images/wave/l.jpg" alt="" />
		<!--列表数据-->
		<div class="list">
			<!--上部分数据，带热门的-->
			<div class="upper">
				<a href="">运动裤 <span class="hot"></span></a>
				<a href="">休闲裤<span></span></a>
				<a href="">直筒裤<span></span></a>
				<a href="">牛仔裤<span class="hot"></span></a>
				<a href="">工装裤<span></span></a>
				<a href="">哈伦裤<span></span></a>
			</div>
			<ul>
				<li><a href="">BLACKJACK</a></li>
				<li><a href=""> :CHOCOOLATE</a></li>
				<li><a href="">Lee</a></li>
				<li><a href="">Paul Frank</a></li>
				<li><a href="">5CM</a></li>
				<li><a href="">Stussy</a></li>
				<li><a href="">MORE...</a></li>
			</ul>
		</div>
	</div>
	<div class="right">
		<a href=""><img src="images/shoes/1.jpg" alt="" /></a>
		<a href=""><img src="images/shoes/2.jpg" alt="" /></a>
		<a href=""><img src="images/shoes/3.jpg" alt="" /></a>
		<a href=""><img src="images/shoes/4.jpg" alt="" /></a>
		<a href=""><img src="images/shoes/5.jpg" alt="" /></a>
		<a href=""><img src="images/shoes/6.jpg" alt="" /></a>
		<a href=""><img src="images/shoes/7.jpg" alt="" /></a>
		<a href=""><img src="images/shoes/8.jpg" alt="" /></a>
	</div>
</div>	
	
<!---------------经典裤装楼层结束------------>			
	

<!---------------经典裤装楼层开始------------>		
<div id="" class="floor goodsFF">
	<div class="top">
		<h3>经典裤装</h3>
		<div class="topR">
			<a href="">休闲裤</a>
			<a href="">牛仔裤</a>
			<a href="">运动裤</a>
			<a href="">MORE></a>
		</div>
	</div>
	<div class="left">
		<img src="images/wave/l.jpg" alt="" />
		<!--列表数据-->
		<div class="list">
			<!--上部分数据，带热门的-->
			<div class="upper">
				<a href="">运动裤 <span class="hot"></span></a>
				<a href="">休闲裤<span></span></a>
				<a href="">直筒裤<span></span></a>
				<a href="">牛仔裤<span class="hot"></span></a>
				<a href="">工装裤<span></span></a>
				<a href="">哈伦裤<span></span></a>
			</div>
			<ul>
				<li><a href="">BLACKJACK</a></li>
				<li><a href=""> :CHOCOOLATE</a></li>
				<li><a href="">Lee</a></li>
				<li><a href="">Paul Frank</a></li>
				<li><a href="">5CM</a></li>
				<li><a href="">Stussy</a></li>
				<li><a href="">MORE...</a></li>
			</ul>
		</div>
	</div>
	<div class="right">
		<a href=""><img src="images/wave/1.jpg" alt="" /></a>
		<a href=""><img src="images/wave/2.jpg" alt="" /></a>
		<a href=""><img src="images/wave/3.jpg" alt="" /></a>
		<a href=""><img src="images/wave/4.jpg" alt="" /></a>
		<a href=""><img src="images/wave/5.jpg" alt="" /></a>
		<a href=""><img src="images/wave/6.jpg" alt="" /></a>
		<a href=""><img src="images/wave/7.jpg" alt="" /></a>
		<a href=""><img src="images/wave/8.jpg" alt="" /></a>
	</div>
</div>	
	
<!---------------经典裤装楼层结束------------>			
	
	
	
<!---------------下方两张宣传图片------------>	
<div id="newsLogo">
	<img src="images/bottomLogo.gif" alt="" />
	<img src="images/bottomLogo2.png" alt="" />
</div>	
<!---------------下方两张宣传图片结束------------>	
	
	
<!---------------用户反馈区域开始------------>	
<div id="userBox">
	<div class="user">
		<div class="box">
			<div class="innerbox">
				<p class="title">有货SERVICES</p>
				<div class="code">
					<a href=""><img src="images/qr.png"/></a>
					<p>YOHO!有货</p>
				</div>
				<div class="code">
					<a href=""><img src="images/qr2.png"/></a>
					<p>微信</p>
				</div>
				<div class="code">
					<a href=""><img src="images/qr3.jpg"/></a>
					<p>微博</p>
				</div>
			</div>
			<a href="" class="point"> </a>
		</div>
		<div class="box mid">
			<div class="innerbox">
				<p class="title">有货SERVICES</p>
				<p class="question">您喜欢有货的新版吗?</p>
				<form action="" method="post">
					<p><input type="radio" name="idea" id="very" value="非常喜欢" /><label for="very">非常喜欢</label></p>
					<p><input type="radio" name="idea" id="good" value="喜欢" /><label for="good">喜欢</label></p>
					<p><input type="radio" name="idea" id="one" value="一般般" /><label for="one">一般般</label></p>
					<p><input type="radio" name="idea" id="no" value="不喜欢" /><label for="no">不喜欢</label></p>
					<p><input type="radio" name="idea" id="bad" value="非常不喜欢" /><label for="bad">非常不喜欢</label></p>
					<input type="submit" value="提交" class="sub"/>
				</form>
			</div>
			<a href="" class="point"></a>
		</div>
		<div class="box">
			<div class="innerbox box3">
				<p class="title title3">更多 YOHO!产品</p>
				<a href=""><img src="images/m1.jpg" alt="" /></a>
				<a href=""><img src="images/m2.jpg" alt="" /></a>
				<a href=""><img src="images/m3.jpg" alt="" /></a>
			</div>
			<a href="" class="point"></a>
		</div>
	</div>
</div>	
<!---------------用户反馈区域结束------------>		
	
	
<!---------------底部区域开始------------>	
<div id="footBox">
	<div class="foot">
		<div class="top">
			<p class="bz">	
				<span class="red">100%</span>
				<span class="white">品牌授权正品</span>
			</p>
			<p class="sh">
				<span class="red">7天</span>
				<span class="white">无理由退换货</span>
			</p>
			<p class="dh">
				<span class="white">客服电话</span>
				<span class="red">400-889-9646</span>
				<span class="white">09:00-22:30(周一至周日)</span>
			</p>
		</div>
		<div class="list">
			<ul>
				<li ><a class="title" href="">新手指南</a></li>
				<li><a href="">新用户注册</a></li>
				<li><a href="">会员登录</a></li>
				<li><a href="">订购流程</a></li>
				<li><a href="">交易须知</a></li>
			</ul>
			<ul>
				<li ><a class="title" href="">付款方式</a></li>
				<li><a href="">支付方式</a></li>
				<li><a href="">常见支付问题</a></li>
				<li><a href="">如何办理退款</a></li>
				<li><a href="">发票制度说明</a></li>
			</ul>
			<ul>
				<li ><a class="title" href="">配送方式</a></li>
				<li><a href="">配送时间及范围</a></li>
				<li><a href="">订单的拆分</a></li>
				<li><a href="">商品验收与签收</a></li>
			</ul>
			<ul>
				<li ><a class="title" href="">售后服务</a></li>
				<li><a href="">如何办理退换货</a></li>
				<li><a href="">退换货政策</a></li>
				<li><a href="">在线客服</a></li>
			</ul>
			
			<ul>
				<li ><a class="title" href="">帮助中心</a></li>
				<li><a href="">找回密码</a></li>
				<li><a href="">常见问题</a></li>
				<li><a href="">谨防诈骗</a></li>
			</ul>
			<ul>
				<li ><a class="title" href="">优惠政策</a></li>
				<li><a href="">VIP会员制度说明</a></li>
				<li><a href="">YOHO币</a></li>
				<li><a href="">优惠券</a></li>
				<li><a href="">兑换礼品卡</a></li>
			</ul>
		</div>
		
		<div class="bottom">
			<div class="left">
				<img src="images/credit-flag3.png" alt="" />
				<img src="images/isc2.png" alt="" />
			</div>
			<div class="right">
				<p class="con">
					<a href="">返回首页</a>
					<span>|</span>
					<a href="">YOHO!有货</a>
					<span>|</span>
					<a href="">新力传媒</a>
					<span>|</span>
					<a href="">联系我们</a>
					<span>|</span>
					<a href="">商家入驻</a>
					<span>|</span>
					<a href="">隐私条款</a>
					<span>|</span>
					<a href="">友情链接</a>
				</p>
				<p>CopyRight © 2007-2016 南京新与力文化传播有限公司 苏ICP备09011225号 NewPower Co. 版权所有 经营许可证编号：苏B2-20120395
</p>
			</div>
		</div>
		
	</div>
</div>	
<!---------------底部区域结束------------>	
	
	
</body>
</html>
